/**
 * CPS style.css build with SCSS
 * Author Vicco Wang
 * Date 2016.07.20
 *
 * 警告：如果您查看的为.css文件，说明该文件为自动生成，请勿直接在.css文件中修改代码！如果需要调整，请移步至.scss文件中进行修改！
 *
 */

$frame-base-color   : #403f3d;
$base-blue-color    : #337ab7;
$base-green-color   : #449d44;
$base-yellow-color  : #f0ad4e;
$base-red-color     : #c9302c;

$base-darken-font-color : #212121;
$base-lighten-font-color : #E0E0E0;

@mixin frame-transition($wt: all, $sec: .3s) {
  -webkit-transition: $wt $sec ease 0s;
  -moz-transition: $wt $sec ease 0s;
  transition: $wt $sec ease 0s;
}

@mixin no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@mixin use-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex-align-center {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}

@mixin flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

html, body,
h1, h2, h3, h4, h5, h6,
div, img, span, table, th, tr, td {
  font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
//  font-size:14px;
  font-weight: lighter;
}

th {
  font-weight: 600;
}

label {
  font-size: 12px;
  font-weight: 600;
  &.require{
    position: relative;
    top:-2px;
  }
  &.require:after{
    content: ' ';
    position: absolute;
    top:48%;right:-6px;
    width:4px;height:4px;
    border-radius:4px;
    background-color: $base-red-color
  }
}

button, input, textarea {
  outline: none;
}

/**
bootstrap v3 覆盖样式
**/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11,
.col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0;
}
.row-content > * {
  padding:5px 0;
}

.form-horizontal {
  .form-group {
    margin-right: 15px;
  }
}

.page-wrapper {
  position: relative;
  @include use-flex;
  @include flex-column;
  height:100%;

  .page-content{
      flex:1;
  }

  .main-block {
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    clear: both;
    box-shadow: 0 1px 2px #c4c4c4;

    .sub-header {
      padding-bottom: 10px;
      font-weight: 600;
    }

  }

}

.toolbar {
  @include no-select;
  font-size:.8em;
  background-color:lighten( $frame-base-color, 95% );
  border-bottom: 1px solid lighten($frame-base-color, 65%);
  opacity: .98;

  ul.nav-toolbar{
    @include use-flex;
      li{

        a {
          padding: 8px 25px;
          text-decoration: none;
          color:$base-darken-font-color;
          display: inline-block;
          border: none;
          border-right: 1px solid lighten($frame-base-color, 65%);
          cursor: pointer;
          box-shadow: 0 0 5px lighten($frame-base-color, 65%);
          background-image: none;
          @include use-flex;
          @include flex-align-center;
          @include frame-transition(all, .2s);

          span{
            margin-right:5px;
          }

        }

        a.toolbar-btn-default {
          background-color: lighten( $frame-base-color, 95% );
          &:hover{
            background-color: lighten($frame-base-color, 70%);
            box-shadow: 0 3px 7px lighten($frame-base-color, 65%) inset;
          }
        }

        a.toolbar-btn-primary {
          color: lighten($base-lighten-font-color, 99%);
          background-color: $base-blue-color;
          border-right: 1px solid darken($base-blue-color, 8%);
          box-shadow: 0 0 5px lighten($base-blue-color, 5%);
          &:hover{
            background-color: darken($base-blue-color, 5%);
            border-right: 1px solid darken($base-blue-color, 11%);
          }
        }

        a.toolbar-btn-success {
          color: lighten($base-lighten-font-color, 99%);
          background-color: $base-green-color;
          border-right: 1px solid darken($base-green-color, 8%);
          box-shadow: 0 0 5px lighten($base-green-color, 5%);
          &:hover{
            background-color: darken($base-green-color, 5%);
            border-right: 1px solid darken($base-green-color, 11%);
          }
        }

        a.toolbar-btn-warning {
          color: lighten($base-lighten-font-color, 99%);
          background-color: $base-yellow-color;
          border-right: 1px solid darken($base-yellow-color, 8%);
          box-shadow: 0 0 5px lighten($base-yellow-color, 5%);
          &:hover{
            background-color: darken($base-yellow-color, 5%);
            border-right: 1px solid darken($base-yellow-color, 11%);
          }
        }

        a.toolbar-btn-danger {
          color: lighten($base-lighten-font-color, 99%);
          background-color: $base-red-color;
          border-right: 1px solid darken($base-red-color, 8%);
          box-shadow: 0 0 5px lighten($base-red-color, 5%);
          &:hover{
            background-color: darken($base-red-color, 5%);
            border-right: 1px solid darken($base-red-color, 11%);
          }
        }

        &:first-child,&:last-child {
          a {
            border-left: none;
          }

        }

      }

  }

}